<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>

<body>
	<h1>h1标签</h1>

	<script type="text/javascript">
		/*
			1.js严格区分大小写，每局代码最后最好价格；英文分号（不加也没事，浏览器会帮我们加上）
			2.js里单引号和双引号没有任何区别，都表示字符串
			3.页面输出
						 
		*/
		// alert('alert 警示框')
		// window 表示浏览器打开的窗口 window.alert  可省略
		// document 表示页面窗口 给定浏览器窗口的html文档，document是window的一个对象属性
		window.console.log('hello world')
		console.log(window)

		//警告
		console.warn('警示')
		//错误提示
		console.error('错误提示')
		//输出具体内容
		//获取h1
		const dom = document.querySelector('h1')
		console.log(dom)
		//打印所有的属性和方法
		console.dir(dom)

		//2.通过弹窗
		// alert('弹出') //一个确定按钮 会阻断程序的运行
		// console.log(123)

		// 两个按钮 确定和取消
		// let a=confirm('请输入你的银行卡密码')
		// console.log("密码是",a)

		// 一个输入框两个按钮
		// let b=prompt("请输入银行卡密码")
		// console.log('密码是',b)


		//3.输出到页面上 网页
		document.write('333')
		document.write("<h2 style='color:red;'>h2标签</h2>")
		//注意：如果文档完全加载完毕，再去执行document.write，会覆盖原来的内容
		//window.onload是文档加载完之后再去执行，这时候文档流已经关闭了，再执行documeent.write，只能重新创建一个新的html文档流，写入新内容，所有会覆盖
		window.onload=function(){
			document.write("<h3>hahaha</h3>")
		}
	</script>
</body>

</html>